.wh(@w:100%;@h:100%){
    width: @w;
    height:@h;
}
.mb(){
    margin-bottom: .26667rem;
    background-color:#fff;
     width: 100%;
}
.ell(){
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#h_search{
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
   //height: 100vh;
   width: 100%;
}
.h_search_topBar{
    .wh(100%;87px);
    background-color: #fff;
    padding: 0 .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .left{
        .wh(7.986666rem;.74667rem);
        padding: 0 .26667rem;
        border-radius: 4px;
        background-color: #f4f4f4;
        &:before{
            content: "";
            margin-right:.21333rem;
            display: inline-block;
            .wh(.37333rem;.37333rem);
            vertical-align: middle;
            background: url("images/jin.png") no-repeat;
            background-size: 100% 100%;
        }
        input{
            line-height: .53333rem;
            flex: 1;
            font-size: .37333rem;
            border: none;
            color: rgba(0,0,0,.8);
            background-color: #F4F4F4;
            height: .74667rem;
            border-radius: 4px;
            width: 6rem;
           
        }
        i{
            display: inline-block;
            .wh(.66667rem;.66667rem);
            background: url("images/cha.png") no-repeat;
            background-size: 100% 100%;
            vertical-align: middle;
            float: right;
            margin-top: 3px;
        }
    }
    .right{
        margin-left: .4rem;
        margin-right: .06667rem;
        font-size: .37333rem;
        display: block;
        
    }
}

.bar_content{
    border-top: 1px solid #ececec;
    background-color: #f4f4f4;
    width: 100%;
}
.h_hisre{
    .mb();
   padding:0 .4rem .4rem;
    .title{
        height: 1.2rem;
        font-size: .37333rem;
        color: #999;
        display: flex;
        align-items: center;
        span{
            font-weight: 400;
        }
        i{
            margin-left: auto;
            margin-right: -.08rem;
            display: inline-block;
            .wh(.72rem;.72rem);
            background: url("images/laji.png") no-repeat;
            background-size: 100% 100%;
        }
    }
    .content{
        margin-right: -.4rem;
        margin-bottom: -.42667rem;
        &:after{
            content: "";
            width: 100%;
            height: 0;
            clear: both;
            display: block
        }
        .item{
            float: left;
            padding: 0 .2rem;
            margin-right: .42667rem;
            margin-bottom: .42667rem;
            line-height: .61333rem;
            border:1px solid #999;
            border-radius: 4px;
            color:#333;
        }
    }
   
}

.tip_list{
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 87px;
    margin-top: 1px;
    z-index: 300;
   // overflow: hidden;
    max-height: 1220px;
    overflow-x: hidden;
    overflow-y: auto;
    .tip_item{
        .wh(100%;1.2rem);
        margin-left: .4rem;
        line-height: 1.2rem;
        border-bottom: 1px solid #d9d9d9;
        .tip_item_a{
            display: block;
            .wh();
        }
        
    }
}

#seach_list{
    width: 100%;
    height: 100rem;
    .h_hd{
        background-color: #FFFFFF;
        border-bottom: none;
        .h_topBar{
            padding-right: .4rem;
            .left{
                float: right;
                .wh(8.25333333rem;.74667rem);
                margin-left: .29333rem;
                margin-top: 16px;
                padding: 0 .26667rem;
                border-radius: 4px;
                background-color: #f4f4f4;
                &:before{
                    content: "";
                    margin-right:.21333rem;
                    display: inline-block;
                    .wh(.37333rem;.37333rem);
                    vertical-align: middle;
                    background: url("images/jin.png") no-repeat;
                    background-size: 100% 100%;
                }
                input{
                    line-height: .53333rem;
                    flex: 1;
                    font-size: .37333rem;
                    border: none;
                    color: rgba(0,0,0,.8);
                    background-color: #F4F4F4;
                    height: .74667rem;
                    border-radius: 4px;
                    width: 6rem;
                   
                }
                i{
                    display: inline-block;
                    .wh(.66667rem;.66667rem);
                    background: url("images/cha.png") no-repeat;
                    background-size: 100% 100%;
                    vertical-align: middle;
                    float: right;
                    margin-top: 3px;
                }
            }
        }
    }
}
.fc{
    color: #b4282d;
}
.bfc{
    border-color: #b4282d;
    color: #b4282d;
}
.h_conditionSort{
    width: 100%;
    background-color: #FFFFFF;
    position: relative;
    margin-top: -1px;
    .conditiion{
        .wh(100%;1.04rem);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 .4rem;
        border-bottom: 1px solid #d9d9d9;
        div{
            flex: 1;
            font-size: .37333rem;
            text-align: center;
            line-height: 1.04rem;
            .to_sort{
                display: block;
                .wh();
            }
            
        }
        .much{
            position: relative;
            .upd{
               position: absolute;
               left: 50%;
               top: .37333rem;
               margin-left: .50667rem;
               display: inline-block;
               .wh(.2rem;.28rem);
               vertical-align: middle;
               background: url("images/sx1.png") no-repeat;
               background-size: 100% 100%; 
            }
            .m_up{
                background: url("images/sx2.png") no-repeat;
            }
            .m_down{
                background: url("images/sx3.png") no-repeat; 
            }
        }
    }
}
.con_sort{
    display: none;
    position: absolute;
    top: 1.04rem;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: .53333rem .6rem 0 .06667rem;
    z-index: 100;
    opacity: 1;
    background-color: #FFFFFF;
    a{
        float:left;
        margin-left: .53333rem;
        margin-bottom: .53333rem;
        padding: 0 .21333rem;
        height: .72rem;
        border: 1px solid #666;
        border-radius: 4px;
        text-align: center;
        color: #333333;
        line-height: 0.72rem;
        .ell();
        
    }
}

.h_searchList{
    width: 100%;
    background-color: #FFFFFF;
    position: fixed;
   top: 164px;
   margin-top: .26667rem;
   overflow-y: auto;
   overflow-x: hidden;
   height: 15.33333rem;
}

.h_goodList{
    position: relative;
    width: 100%;
    .item{
        position: relative;
        float: left;
        width: 50%;
        padding: 0 0 .42667rem;
        a{
            display: block;
            .pic{
                padding: .18667rem .4rem 0;
                width: 100%;
                img{
                    .wh(100%;3.86667rem);
                    display: block;
                }
            }
            .name{
                .ell();
                margin: .28rem auto;
                padding: 0 .26667rem;
                line-height: .4rem;
                text-align: center;
                font-size: .37333rem;
                color: #333333;
            }
            .money{
                line-height: 1;
                font-size:.37333rem; 
                text-align: center;
                color: #b4282d;
            }
        }
    }
    .item:nth-of-type(2n+1){
         border-top: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
    }
    .item:nth-of-type(2n){
         border-top: 1px solid #d9d9d9;
    }
}
 .h_goodList:after{
     content: "";
     width: 100%;
     height: 0;
     clear: both;
     display: block
 }
 
.hasColor{
    position: absolute;
    border: .5px solid #b4a078;
    border-radius: .05333rem;
    top: .21333rem;
    left: .33333rem;
    width: .42667rem;
    padding: .16rem 0;
    color: #b4a078;text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    span{
        display: block;
        font-size: .26667rem;
        line-height: .26667rem;
        height: .26667rem;
    }
}

